<ng-container [formGroup]="validateForm">
  <nz-form-control [nzValidateStatus]="validateForm.controls['value']">
    <input nz-input formControlName="value" placeholder="请输入配置值"
           style="display: none;"/>
    <nz-tag *ngFor="let tag of entity.valueArr"
            [nzMode]="entity.valueArr.length > 1 ? 'closeable' : 'default'"
            (nzAfterClose)="handleClose(tag)">
      {{tag|stringEllipsisCutPipe:16}}
    </nz-tag>
    <button nz-button *ngIf="!inputVisible"
            [nzSize]="'small'" [nzType]="'dashed'"
            (click)="showInput()">+添加配置值
    </button>
    <input nz-input #input
           *ngIf="inputVisible"
           type="text"
           [(ngModel)]="inputValue"
           [ngModelOptions]="{standalone: true}"
           style="width: 78px;"
           (blur)="handleInputConfirm()" (keydown.enter)="handleInputConfirm()">
    <nz-form-explain *ngIf="formErrors.value">{{formErrors.value}}</nz-form-explain>
  </nz-form-control>
</ng-container>


